<template>
    <div>
        <h1>{{myname}}</h1>
        组件a
        <h2>{{count}}</h2>
        <button @click='count++'>+</button>

        <div>---------------------------------</div>


    </div>
</template>
<script>
// @ is an alias to /src
export default {
    name: 'XXX',
    props:['qqq','www','myname'],
    data() {
        return {
          count:100
        }
    },
    mounted() {
      // DOM 渲染完成之后 会触发这个函数
      // 这个钩子函数当中我们是可以直接获取真实DOM
      // this.timer = setInterval(() => {
      //   console.log(Date.now())
      // }, 1000);
    },
    beforeDestroy() {
      console.log('要销毁')
      // clearInterval(this.timer)
    },
}


/* 
伪代码
  let a = {
    template:`<div>
        组件a
    </div>`
    data(){},
    methods: {
      
    },
  }

 */
</script>
<style lang="less">

</style>

